Third version of the Alfa-Bank corporate website

alfabank.by Alfa-Bank is one of the largest banks in Belarus. It was recognized as the first in «Bank of the Year 2020 award».

The project included

Planning
Design
Programming
Layout

Team

1 project manager
2 designers
2 backend developers
2 QA engineers

Duration

6 months

Year of launch

2020

Objective: to update corporate website of the leading private bank in Belarus.

Third version

For the third time we update Alfa-Bank's corporate website so that it can meet its goals — to be innovative, accessible, convenient and modern.

2013

That year the first version of the bank website was launched: full transfer of services online, convenient search for branches and ATMs, unique templates for key pages, comparison of banking products (deposits, loans, cards), adaptive website design and much more.

What happened next?

Three years later the bank changed its positioning. After the analysis we focused on easy navigation and problem areas of sales funnels.

As time went by, a lot of new functionality appeared that needed to be implemented for the further high-quality work of the web resource. However, it was no longer appropriate with the old design. And we actually redesigned the entire website.

Design evolution. 4 years difference.

Mobile traffic

The bank actively went into the digital environment. Our main task was to shorten the path from the desktop version of the website to the mobile application. That was due to the fact that 70% of users were online mainly from mobile devices.

Digitalization

We adapted all processes for a quick and comfortable transition to the application — to connect the product of interest. The website now has QR codes; the user's operating system is automatically detected.

Deeplink

We placed direct deep links in the mobile version. For example, being on the page with deposits, bank client will go to the same page in the application, and will not have to look for the service again.

Page builder

Allows to quickly collect new pages and optimize work with content.

Design

New bank positioning for the retail business needed to be reflected in the website design. It has become more youthful and bold, just like the new services of the bank.

.

Card constructor

Using this functionality bank clients can create any card with a design they like and connect the service package of interest to it. And all the data will automatically go to the bank's dashboard.

The reactive technology of vue.js allows to quickly work on the side of the user interface, without unnecessary reloading of each element.

Dark theme

Following the trends of trading and statistical services, we decided to add a dark theme.

Users can choose which theme they want to use.

Development of 3D visuals

Three-dimensional elements allow to position the bank's business products in a new way and recreate the effect of presence and interactivity.

80+

unique and creative illustrations that grab the attention of users

Updated sections

We have also redesigned many existing sections to meet modern user requirements.

Displaying branches and navigating through them on maps has become more convenient. The section of exchange rates is now technically faster due to an increase in the speed of data transfer and work with archives.